<template>
    <div>
        <div class="box">
            <div class="left">
                <TreeLeft />
            </div>
            <div class="right">
                <indexRight />
            </div>
        </div>
    </div>
</template>
<script>
import TreeLeft from '@/components/TreeLeft.vue';
import indexRight from './indexRight.vue';
export default {
    components: {
        TreeLeft,
        indexRight
    },
    data() {
        return {

        }
    },
}
</script>
<style scoped lang="less">
.box {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    font-size: 16px;

    .left {
        width: 11rem;
        min-height: 700px;
        height: 100%;
        background-color: #006570;
        color: #fff;
    }

    .right {
        flex: 1;
        background-color: #f8f8f8;
        position: relative;
        // padding: 0 10px;
        overflow: scroll;
        min-height: 650px;
    }
}
</style>